{% extends "base.html" %}

{% load i18n %}
{% load staticfiles %}

{% block main_content %}
    <div id="guide-info">
        {% include "menu_bar.html" %}
        <div id="pre-description">
            <img src="{% static 'hierodaaro/img/rianna.png' %}" /><br />
            <img src="{% static 'hierodaaro/img/mail.png' %}" /><a>Stuur bericht</a><br />
            <img src="{% static 'hierodaaro/img/photo.png' %}" /><a>Upload zelf een foto</a><br />
        </div>
        <div id="description">
            <p class="stretch_text">
                {{ guide.description }}
            </p>
            <p>
                Jouw beoordeling: 
                {% for i in xrange %}
                    <img src="{% static 'hierodaaro/img/rating_star.png' %}" />
                {% endfor %}
            </p>
            <span>
                Beoordeling:
                {{ guide.rating }}
            </span>
            <a class="button blue">{% trans "upload photo" %}</a>
        </div>
    </div>

    <div id="3column">
        <!-- Calendar/appointments -->
        <div>
            <b>{{ guide.name }}</b>
            <br/>
            <span>{{ guide.residence }}, {{ guide.province }}</span>
            <br/>
            <span>{% trans "member since"|capfirst %} {{ guide.member_since }}</span>
            {% if guide.photos %}
                <b>{% trans "photos" %}</b>
                {% for photo in guide.photos %}
                    <img src=""/>
                {% endfor %}
            {% endif %}
        </div>

        <!-- photos -->
        <div>
            <span>{% trans 'reviews'|capfirst %} ({{ reviews|length }})</span>
            {% for review in reviews %}
                <div class="review">
                    <div class="reviewer">
                        {{ review.name }}
                    </div>
                    <div class="content">
                        {{ review.content }}
                    </div>
                    <span class="date">
                        {{ review.date }}
                    </span>
                </div>
            {% endfor %}
        </div>

        <!-- Comments -->
        <div>

        </div>
    </div>

{% endblock %}
